.bigbox {
  background-image: url(/static/image/homebg.png);
  background-repeat: no-repeat;
  background-position: center top;
  /* 水平+垂直居中（最常用）*/
  background-size: 100% 380rpx;
  background-color: #f9f9f9;
}
.title {
  display: flex;
  justify-content: center;
  color: white;
  font-size: 35rpx;
  padding-top: 80rpx;
}
.select {
  padding-left: 30rpx;
  padding-right: 30rpx;
  margin-top: 60rpx;
}
.select .top {
  display: flex;
  justify-content: space-between;
}
.select .top .inBox {
  position: relative;
  display: flex;
}
.select .top .inBox input {
  border-radius: 20rpx;
  padding-left: 30rpx;
  box-sizing: border-box;
  background-color: white;
  height: 50rpx;
  width: 300rpx;
  font-size: 20rpx;
}
.select .menu {
  display: flex;
  justify-content: space-around;
  background-color: white;
  padding-top: 45rpx;
  padding-bottom: 45rpx;
  border-radius: 10rpx;
  margin-top: 40rpx;
  height: 110rpx;
}
.select .menu .menuText {
  font-size: 25rpx;
}
.select .menu .menuBox {
  display: flex;
  flex-direction: column;
  font-size: 30rpx;
  justify-content: center;
  align-items: center;
  border-radius: 15rpx;
}
.select .menu .menuBox .menuIcon {
  width: 75rpx;
  height: 75rpx;
  background-color: #72b78b;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15rpx;
}
.con {
  margin-top: 30rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  background-color: white;
}
.con .journalisms .journalism {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30rpx;
}
.con .journalisms .journalism image {
  width: 90rpx;
  height: 45rpx;
}
.con .journalisms .journalism .left {
  display: flex;
  align-items: center;
}
.con .journalisms .journalism .left .text {
  width: 430rpx;
  /* 1. 禁止文字换行（核心）*/
  white-space: nowrap;
  /* 2. 隐藏超出容器的内容 */
  overflow: hidden;
  /* 3. 超出部分显示省略号（...）*/
  text-overflow: ellipsis;
  margin-left: 30rpx;
  margin-right: 20rpx;
}
.con .journalisms .journalism .left .red {
  width: 20rpx;
  height: 20rpx;
  border-radius: 50rpx;
  background-color: red;
}
.con .journalisms .journalism .rig {
  display: flex;
  justify-content: right;
  width: 150rpx;
}
.con .shop {
  margin-top: 30rpx;
}
.con .shop .shoptitle {
  font-size: 40rpx;
  margin-bottom: 50rpx;
}
.con .shop .shopimg {
  display: flex;
  justify-content: space-between;
}
.con .shop image {
  flex: 1;
  height: 200rpx;
}
.con .shop image:nth-child(1) {
  margin-right: 20rpx;
}
.con .shop image:nth-child(2) {
  margin-left: 20rpx;
}
.con .information {
  margin-top: 30rpx;
}
.con .information .informationtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.con .information .conbox {
  display: flex;
  flex-direction: column;
  margin-top: 30rpx;
  padding-bottom: 80rpx;
}
.con .information .conbox .box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30rpx;
}
.con .information .conbox .box .text {
  flex: 1;
  padding-right: 50rpx;
  height: 165rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.con .information .conbox .box .text > view:nth-child(1) {
  /* 1. 弹性盒模型（配合 -webkit-line-clamp 必需）*/
  display: -webkit-box;
  /* 2. 文字排列方向：垂直排列（column）*/
  -webkit-box-orient: vertical;
  /* 3. 最大显示行数（核心，如 2 行、3 行）*/
  -webkit-line-clamp: 2;
  /* 4. 隐藏超出容器的内容 */
  overflow: hidden;
  font-size: 30rpx;
}
.con .information .conbox .box .text > view:nth-child(2) {
  font-size: 30rpx;
}
.con .information .conbox .box .conimg image {
  width: 250rpx;
  height: 165rpx;
}
